body {
	margin: 0px;	
	padding: 0px;
	background: #EEE;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}

#header {
	margin: 0px 0px -16px 0px;
	padding: 0px;
	background: #CC33CC;
}

#title {
 	font-family: 'Lucida Console', Monaco, monospace;
	font-size:24px;
        color:white;
        margin-top:-5px;
        margin-bottom:-5px;
	padding: 0px;
	padding-left: 4px;
}

#main_logo {
	float:right;
	position:relative;
	right: 5px;
	margin-top: -10px;
	margin-bottom: -27px;
	padding: 0px;
}

#side-l {
	float: left;
	width: 60%;
	min-height: 700px;
	background: #CC99FF;
	border-bottom: black solid 2px;
	border-top: black solid 2px;
}

#side-c { 
	margin: 0;
	float: left;
	width: 39.5%;
	background: #F8F8F8;
	min-height: 700px;
	border-left: black solid 2px;
	border-bottom: black solid 2px;
	border-top: black solid 2px;
}

#side-r { 
	margin: 0;
	float: left;
	width: 100%;
	min-height: 700px;
	border-bottom: black solid 2px;
	border-top: black solid 2px;
}



#footer {
	clear: both;
	background: #A2A2A2;
}

.highlight {
	width: 395px;
	margin-left: 2px;
	border-color: black;
	border-style: solid;
	border: 7px;
	border: medium solid black;
	-moz-border-radius: 5px;
	padding: 5px;
	background: white;
	float: left;
}

.minihighlight {
	color: red;
	width: 97%;
	margin-left: 5px;
	border-color: black;
	border-style: solid;
	border: 10px;
	border: medium solid black;
	-moz-border-radius: 10px;
	padding: 5px;
	background: blue;
}

.card_title {
margin-top: 0px;
margin-bottom: 1px;
}

.card_details {
font-size:12px;
color: gray;
margin-top: -20px;
margin-bottom: 0px;
}

.card_tags {
margin-top: 0px;
margin-bottom: 0px;
font-size:10px;
font-style: italic;
}

.expand_card {
cursor: pointer;
color:blue;
font-size: 10px;
position:relative;
left:340px;
bottom: 0px;
margin-bottom: -5px;
}


.select_card_new {
cursor: pointer;
color:green;
font-size: 10px;
position:relative;
bottom: 0px;
text-align: right;
margin-top: 0px;
margin-bottom: -10px;
left: 335px;
}

.remove_card {
cursor: pointer;
color:red;
font-size: 10px;
position:relative;
bottom: 5px;
margin-top: 0px;
margin-bottom: -25px;
left:205px;
}


.minor_text {
font-size: 10px;
font-family: 'Lucida Console', Monaco, monospace;
}

#firefox_logo {
height: 15px;
border: none;
}

.pane_heading {
font-family: 'Lucida Console', Monaco, monospace;
color: grey;
margin-top: 0px;
margin-bottom: 5px;
padding-left: 5px;
} 

.toggle {
font-size: 10px;
color: #EEEEEE;
margin: 0px;
padding: 0px;
}

.constraints {
padding-right: 2px;
padding-left: 2px;
padding-top: 8px;
padding-bottom: 8px;
border:1px solid black;
margin: 5px;
}


.tags {
height: 20px;
border: purple dashed 2px;
background: white;
color: blue;
margin-right: 2px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
width: 150PX;
}

#alert {
font-size: 20px;
background-color:AAAAAA;
border: black solid 2px;
margin: 5px;
color: 440000;
}	

.text {
font-size: 20px;
margin: 5px;
color: black;
}

#suggestion {
font-size: 16px;
margin: 5px;
color: black;
font-style: italic;
}

#searched_variables {
float: left;
border: 1px solid black;
margin: 5px;
}

#variable_name {
float: left;
margin-right: 2px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
}


.restrictions {
height: 20px;
border: purple dashed 2px;
background: RGB(200,200,200);
color: blue;
cursor: pointer;
margin-right: 2px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-right: 2px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}
